<template>
  <view class="order-title-cell-component">
    <view class="order-title-cell">
      <view class="cell-title">{{ title || '标题' }}</view>
      <view v-if="showRight" class="cell-more" @click="$emit('click-right')">
        <text v-if="rightText">{{ rightText }}</text>
        <image v-if="rightIcon" class="icon-more" src="https://s1.huishoubao.com/static/web/recycle/icon_orders_more.png"></image>
      </view>
    </view>
  </view>
</template>

<script>
export default {
	props: {
		title: String,
		showRight: Boolean,
		rightText: String,
		rightIcon: {
			type: [String, Boolean],
			default: true
		}
	}
}

</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
